@rem:50rem;

body{
  background: #fff;
  //font-size: 14/@rem;
}
.border{border:1px solid #333;}
.input_border{
  border:1px solid #82b1ff;
}
::-webkit-input-placeholder{
  color: #9cb7f2;
}
.usetime_wrap{
  .mui-bar{
    background: #68a3f1;
    //color: #fff;
  }
  .mui-bar-nav{
    box-shadow: none;
  }
  .mui-title,a, a:hover{
    color: #fff;
  }
  .message{
    margin-top: .2rem;
    position: relative;
    //.border;
    height: 1.25rem;
    //text-align: right;
    img{
      width: 30/2/@rem;
      height: 30/2/@rem;
      position: absolute;
      top: .2rem;
      right: .5rem;
    }
    p{
      width: 510/2/@rem;
      height: 60/2/@rem;
      line-height: 65/2/@rem;
      font-size: 12/@rem;
      color: #68a3f2;
      background: url("../../../../resources/cgc/images/text_bg_03.jpg");
      background-size: 100% 100%;
      text-align: center;
      //padding-top: .13rem;
      position: absolute;
      top:.5rem;
      right: .3rem;
    }
  }

  //设备开始
  .sw_cont{
    margin-top: 44px;
    /*.swiper-wrapper{
      width: 448/2/@rem !important;
      overflow: hidden;
      height: 442/2/@rem;
      margin:0 auto;
      .swiper-slide{
        width: 448/2/@rem !important;
        height: 442/2/@rem;
        overflow: hidden;
      }
    }*/
    .time_wrap{
      width: 448/2/@rem;
      height: 470/2/@rem;
      background: url("../../../../resources/cgc/images/time_bg2.jpg") no-repeat;
      background-size: 100% 100%;
      //.border;
      margin:0 auto;
      position: relative;
      .num{
        width: 100%;
        color: #62cdf1;
        font-size:16/@rem;
        position: absolute;
        top:1.5rem;
        //left: 1.25rem;
        text-align: center;
      }
      .time{
        color: #62cdf1;
        font-size:28/@rem;
        position: absolute;
        top:2.2rem;
        //left: 1.25rem;
        width: 100%;
        text-align: center;
      }
      .endtime{
        width: 202/2/@rem;
        height: 46/2/@rem;
        line-height: 46/2/@rem;
        background: url("../../../../resources/cgc/images/endtime.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
        color: #fff;
        font-size: 14/@rem;
        position: absolute;
        bottom: .5rem;
        left: 1.22rem;
      }
    }
    #swiper_one{
      .button-next,.button-prev{
        width: 60/2/@rem;
        height: 30/2/@rem;
      }
      .button-next img,.button-prev img{
        width: 100%;
        height: 100%;
      }
      .button-prev{
        position: absolute;
        top:2rem;
        left: .2rem;
        z-index: 999;
      }
      .button-next{
        position: absolute;
        top:2rem;
        right: .2rem;
        z-index: 999;
      }
    }
    .name{
      text-align: center;
      font-size: 16/@rem;
      color: #68a3f2;
      margin: .2rem 0;
    }
  }
  //设备结束
  canvas{
    //width: 4.4rem;
    //zoom:.5;

    transform: rotate(-145deg);
  }
  .btns_wrap{
    //.border;
    display: flex;
    justify-content: center;
    margin-top: .5rem;
    .sebtn{
      width: 239/2/@rem;
      height: 68/2/@rem;
      line-height: 68/2/@rem;
      background: #72adf5;
      color: #fff;
      font-size: 16/@rem;
      text-align: center;
      border-radius: .3rem;
      box-shadow: 2px 2px 5px #dbe6fe;
    }
    .endbtn{
      width: 239/2/@rem;
      height: 68/2/@rem;
      line-height: 68/2/@rem;
      border:1px solid #b4d9ff;
      border-radius: .3rem;
      color: #5295ef;
      text-align: center;
      box-shadow: 2px 2px 5px #def3fc;
      margin-left: .3rem;
    }
  }
}
/*.indicatorContainer{
  transform:scale(.5,.5);
}*/
@media screen and (max-width: 320px){
  .indicatorContainer{
    position: relative;
    top: 7px;
    left: 5px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){
  .indicatorContainer{
    position: relative;
    top: 10px;
    left: 8px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){
  .indicatorContainer{
    position: relative;
    top: 10px;
    left: 8px;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px){
  .indicatorContainer{
    position: relative;
    top: 10px;
    left: 8px;
  }
}